<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>${title }</title>

    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <script type="text/javascript" src="${pageContext.request.contextPath }/publics/assets/layui.js"></script>
    <link href="${pageContext.request.contextPath }/publics/assets/lay/css/layui.css" rel="stylesheet" type="text/css">
    
    <style>
       #Formloading, #loading {
            z-index: 9999;
            padding: 5px 0 5px 9px;
            background: #c44;
            width: 110px;
            left: 50%;
            top: 0;
            margin-left: -55px;
            color: #fff;
            position: fixed;
            
        }
        
         #loading {
         display: none;
         }

        .skin-2 #Formloading, .skin-2 #loading {
            background: #f4dae5;
            color: #c44;
        }

        .table > tbody > tr > td{
            vertical-align: middle;
        }

        .table > tbody > tr > td input[type="text"]{
            text-align:left;
        }
        textarea{
         resize:none;
        }
        
    </style>
   
   <%@ include file="../common/style.jsp" %>
</head>
<body class="no-skin">
<!-- 头部 -->
<%@include file="../common/header.jsp" %>
<%@include file="../common/left.jsp" %>
  
 <!-- 主内容开始 -->
  <div class="main-content">
        <!-- #section:basics/content.breadcrumbs -->
        <div class="breadcrumbs breadcrumbs-fixed" id="breadcrumbs">
            <ul class="breadcrumb">
                <li><i class="ace-icon fa fa-home home-icon"></i><a href="#"></a></li>
                <li>系统管理</li>
                <li>角色管理</li>
            </ul>
        </div>
        <!-- /section:basics/content.breadcrumbs -->
        <div class="container-fluid page-content" id="page-content-warp">
            <div class="row">
                <div class="col-xs-12">
                
                    <!-- 医生列表-->
                    <div class="wellContent well well-sm">
                        <form class="form-horizontal" id="searchForm">                
                             <div class="form-group">
                                <label class="col-sm-1 control-label">角色名称</label>
                                <div class="col-sm-2">
                                    <input name="rolename" class="form-control" type="text" id="name">
                                </div>
                               <div class="col-sm-4">
                                 <a class="btn btn-primary btn-sm" id="roleSearch">查询</a>
                                 	<a class="btn btn-success btn-sm" id="roleAdd">新增角色</a>
                               </div>
                            </div>
                          </form>
                    </div>
              
                </div>
                <!-- 查询表格 -->
                <div class="col-xs-12" id="SearchResultDiv">
                    <div class="table-responsive">
                    <table class="table table-striped table-bordered table-condensed table-hover dataTable" id="tbList">
                     
                        <thead>
                           <tr>
                            <th>角色名称</th>
                            <th>角色描述</th>
                             <th>操作</th>
                          </tr>
                        </thead>
                        
                        <tbody  id="tableList">
                        <!-- 
                          <tr>
	                           <td>操作员</td>
	                            <td>1</td>
	                            <td>
						            <button class='btn btn-xs btn-info Edit'><i class='ace-icon fa fa-pencil bigger-120'></i>修改</button>
						            <button class='btn btn-xs btn-danger Delet'><i class='ace-icon fa fa-trash-o bigger-120'></i>删除</button>
						            <button class='btn btn-xs btn-warning '><i class='ace-icon fa fa-key bigger-120'></i>分配权限</button>
						        </td>
                          </tr>
                         -->
                        </tbody>
                     </table>
                    </div>
                    <div class="bitrans-table-footer" style="margin-top:10px;">
                        <div class="row">
                            <div class="col-sm-3 hidden-xs">
                                <div class="btn-group">
                                </div>
                            </div>
                            <div class="col-sm-9 col-xs-12">
                                <div class="pull-right">
                                    <ul class="pagination pull-right no-margin" id="pageUI">
                                    </ul>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                  
                  </div>    
            </div>
        </div>
    </div>
    
  <!-- 分配权限模态框 -->
  <div id="allot_authority_model" class="modal" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    <span id="Title">分配权限</span>      
                </div>
            </div>

           <form class="form-horizontal" id="allot_authority_form">          
           		<input type="hidden" id="allot_authority_model_roleId">         
            <div class="modal-body">
                <!-- #section:elements.form -->
                  <div class="form-group">
                       <ul id="demo"></ul>
                   </div>
             </div>
                 
                <div class="modal-footer no-margin-top">
                    <div class="pull-right">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal">
                            <i class="ace-icon fa fa-times"></i>
                            取消
                        </button>
                        <a href="javascript:void(0)" id="save_allot_authority" class="btn btn-sm btn-primary">
                            <i class="ace-icon fa fa-check"></i>
                           保存
                        </a>
                    </div>
                </div>
            </form>            
          </div>
        <!-- /.modal-content -->
    </div>
    </div>
  
  
  <!-- 添加角色模态框 -->
  <div id="Add" class="modal" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    <span>添加角色信息</span>      
                </div>
            </div>

            <form class="form-horizontal">                   
            <div class="modal-body">

                <!-- #section:elements.form -->
                  <div class="form-group">
                        
                        <label class="col-sm-3 control-label no-padding-right">角色名称</label>
                         <div class="col-sm-9">
                             <input  class="col-xs-10 col-sm-5" type="text" id="save_roleName">
                             <div style="color:red" id="roleInfo"></div>
                         </div>
                   </div>
                  
                  <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">角色描述</label>
                                <div class="col-sm-9 ">
                                      <textarea name="remark" rows="4" cols="20" id="save_remark"></textarea> 
                                 </div>
                           </div>
                 </div>
                 
                <div class="modal-footer no-margin-top">
                    <div class="pull-right">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal">
                            <i class="ace-icon fa fa-times"></i>
                            取消
                        </button>
                        <button type="button" class="btn btn-sm btn-primary" id="sava_role">
                            <i class="ace-icon fa fa-check"></i>
                           保存
                        </button>
                        <input type="reset" id="save_resert" style="display:none;">
                    </div>
                </div>
            </form>            
          </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<!-- 修改角色modal -->
  <div id="update" class="modal" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    <span id="Title">修改角色信息</span>      
                </div>
            </div>

            <form class="form-horizontal" id="roleform">                   
            <div class="modal-body">

                <!-- #section:elements.form -->
                  <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right">角色名称</label>
                         <div class="col-sm-9">
                             <input  class="col-xs-10 col-sm-5" type="text" id="update_roleName">
                             <div style="color:red" id="roleInfo"></div>
                         </div>
                   </div>
                  
                  <div class="form-group">
                                <label class="col-sm-3 control-label no-padding-right">角色描述</label>
                                <div class="col-sm-9 ">
                                      <textarea name="remark" rows="4" cols="20" id="update_remark"></textarea> 
                                 </div>
                           </div>
                 </div>
                  <input type="hidden" id="update_id">
                <div class="modal-footer no-margin-top">
                    <div class="pull-right">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal">
                            <i class="ace-icon fa fa-times"></i>
                            取消
                        </button>
                        <button type="button" class="btn btn-sm btn-primary" id="update_role">
                            <i class="ace-icon fa fa-check"></i>
                           保存
                        </button>
                        <input type="reset" id="update_resert" style="display:none;">
                    </div>
                </div>
            </form>            
          </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
 <!-- 主内容结束 -->
<%@ include file="../common/foot.jsp" %>

<%@ include file="../common/script.jsp" %>
<script src="${pageContext.request.contextPath }/publics/js/user_manage/role_manage.js"></script>

</body>
</html>







